<script type="text/javascript">  
   $(document).ready(function() {
    $('.nhapkhos').click(function() {
	   $('#dlg-order').dialog('open').dialog('setTitle','Lựa chọn thời gian xuất báo cáo');	
	    $('#fm-order').form('clear');		
		$(".nhk").show();
        $(".xkh").hide();
		$(".tko").hide();
		$(".tkxuatkho").hide();
		$(".tknhapkho").hide();
		
    });
	 $('.nhapkhoss').click(function() {
	   $('#dlg-order').dialog('open').dialog('setTitle','Lựa chọn thời gian xuất báo cáo');	
	    $('#fm-order').form('clear');		
		$(".nhk").hide();
        $(".xkh").hide();
		$(".tko").hide();
		$(".bcdt").hide();
		$(".tkxuatkho").hide();
		$(".danhsachnhap").show();
		$(".danhsachxuat").hide();
		$(".tknhapkho").show();
        $('#nhapkhoss').datagrid({
			  url: '/Baocao/nhapkhoss',
			});	
    });
	
	 $('.xuatkhoss').click(function() {
	   $('#dlg-order').dialog('open').dialog('setTitle','Lựa chọn thời gian xuất báo cáo');	
	    $('#fm-order').form('clear');		
		$(".nhk").hide();
        $(".xkh").hide();
		$(".tko").hide();
		$(".bcdt").hide();
		$(".danhsachnhap").hide();
		$(".tknhapkho").hide();
		$(".tkxuatkho").show();
		$(".danhsachxuat").show();
        $('#xuatkhoss').datagrid({
			  url: '/Baocao/xuatkhoss',
			});	
    });
	
	$('.xkho').click(function() {
	   $('#dlg-order').dialog('open').dialog('setTitle','Lựa chọn thời gian xuất báo cáo');	
	    $('#fm-order').form('clear');		
		$(".xkh").show();
        $(".nhk").hide();
        $(".tko").hide();
        $(".tkxuatkho").hide();		
    });
	$('.tkiem').click(function() {
	   $('#dlg-order').dialog('open').dialog('setTitle','Lựa chọn thời gian xuất báo cáo');	
	    $('#fm-order').form('clear');		
		$(".xkh").hide();
        $(".nhk").hide();
        $(".tko").show();
        $(".bcdt").show();
		 $(".tkxuatkho").hide();
		$(".danhsachnhap").hide();
		$(".danhsachxuat").hide();
       			$('#order').datagrid({
			   url: '/Baocao/order'
		});
    });
	$('#order').datagrid({
	  url: '/Baocao/order'
	});
});
function export_excel(kq)
{	
	var s = $('#starday').datebox('getValue');
	var e = $('#endday').datebox('getValue');
	window.location.href = "/baocao/" + kq + "?startday="+ s +"&&endday="+e;
		$('#dlg-order').dialog('close');
	return ;

}



function sear(kq){
		var s = $('#starday').datebox('getValue');
	    var e = $('#endday').datebox('getValue');
		
		if (  s.length > 0 || e.length > 0  ){
			$('#'+kq).datagrid('options').url = "/baocao/" + kq + "?startday="+ s +"&&endday="+e;
			}
		else{
			$('#'+kq).datagrid('options').url = '/Baocao/'+kq;
		}
		$('#'+kq).datagrid('reload');
	}

</script>  

    <div style="padding:5px;border:1px solid #ddd" id="toolbar">  
        <a href="#" class="easyui-linkbutton tkiem" data-options="plain:true">Home</a>  
        <a href="#" class="easyui-menubutton nhapkhoss" iditem ="nhapkho" data-options="menu:'#mm11',iconCls:'icon-edit'" >Báo cáo nhập kho</a>  
        <a href="#" class="easyui-menubutton xuatkhoss" data-options="menu:'#mm2',iconCls:'icon-help' ">Báo xuất kho</a> 
       <div id="mm11" style="width:100px;">  
        <div class="nhapkhos">Xuất file</div>  
        
     </div> 
     <div id="mm2"  style="width:100px;">  
        <div class="xkho">Xuất file</div>  
    </div>  	
    </div>  
<div class="bcdt">
	<table id="order" title="Báo cáo tổng doanh thu" class="easyui-datagrid" toolbar="#toolbar" style="width:auto;height:auto;"
			rownumbers="true"
			idField="id" treeField="name">
		    <thead>  
        <tr>  
            <th field="tu" width="100" rowspan="2">Tư ngày</th>  
            <th field="den" width="120" rowspan="2">Đến ngày</th>  
            	
            <th colspan="3"><b>Tính toán</b></th>  
        </tr>  
        <tr>  
            <th field="tongthu" width="100" rowspan="2">Tổng thu</th>
            <th field="tongchi" width="100" rowspan="2">Tổng chi</th>		
            <th field="laixuat" width="120">Lãi xuất</th>			
        </tr>                            
    </thead>  
</table>
</div>

<div class="danhsachnhap" style="display:none">
	<table id="nhapkhoss" title="Báo cáo tổng Tổng nhập kho" toolbar="#toolbar" class="easyui-datagrid" style="width:auto;height:auto;"
			rownumbers="true" pagination="true"
			idField="id" treeField="name" >
		    <thead>  
        <tr>  
            <th field="id" width="50" rowspan="2">Mã</th>  
            <th field="created" width="120" rowspan="2">Ngày nhập</th>  
            <th field="username" width="120" rowspan="2">Người nhập</th> 	
            <th colspan="4"><b>Chi tiết mặt hàng</b></th>  
        </tr>  
        <tr>  
            <th field="productName" width="100" rowspan="2">Tên hàng nhập</th>
            <th field="price" width="100" rowspan="2">Tiền/1 sản phẩm</th>		
            <th field="quantity" width="120">Số lượng</th>
            <th field="total" width="200">Tổng tiền cho sản phẩm</th>			
        </tr>                            
    </thead>  
</table>
</div>

<div class="danhsachxuat" style="display:none">
	<table id="xuatkhoss" title="Báo cáo tổng Tổng xuất kho" toolbar="#toolbar" class="easyui-datagrid" style="width:auto;height:auto;"
			rownumbers="true" pagination="true"
			idField="id" treeField="name" >
		    <thead>  
        <tr>  
            <th field="id" width="50" rowspan="2">Mã</th>  
            <th field="created" width="120" rowspan="2">Ngày xuất</th>  
            <th field="createdBy" width="120" rowspan="2">Người xuất</th> 	
            <th colspan="4"><b>Chi tiết mặt hàng</b></th>  
        </tr>  
        <tr>  
            <th field="productName" width="100" rowspan="2">Tên hàng xuất</th>
            <th field="price" width="100" rowspan="2">Tiền/1 sản phẩm</th>		
            <th field="quantity" width="120">Số lượng</th>
            <th field="totals" width="200">Tổng tiền cho sản phẩm</th>			
        </tr>                            
    </thead>  
</table>
</div>

	<!-- bao cao -->
<div id="dlg-order" class="easyui-dialog"
	style="width: 400px; height: 135px; background: #e7e7ef; padding: 15px;"
	modal="true" closed="true" buttons="#dlg-buttons-order" >
	<form id="fm-order" method="post">
		<table border="0" width="auto" cellspacing="0" cellpadding="4"
			class="tblForm">
			       <tr>
					<td>
						<span>Từ:</span>
					</td>
					<td>
						<input id="starday" name="starday"  class="easyui-datebox" style="border: 1px solid #ccc">
					</td>
					<td><span>Đến:</span></td>
					<td>
						<input id="endday" name="endday" class="easyui-datebox" >
					</td>
			</tr>
		</table>
	</form>
</div>

<div id="dlg-buttons-order">
	<a href="#" class="easyui-linkbutton nhk" style = "display:none" iconCls="icon-ok"
		onclick="var kq ='nhapkho';export_excel(kq)">Xuất file nhập kho </a>	
    <a href="#" class="easyui-linkbutton xkh" style = "display:none" iconCls="icon-ok"
		onclick="var kq ='xuatkho';export_excel(kq)">Xuất file xuất kho </a> 
   <a href="#" class="easyui-linkbutton tko" style = "display:none" iconCls="icon-ok"
		onclick="var kq ='order';sear(kq)">Báo cáo thu chi </a>
    <a href="#" class="easyui-linkbutton tknhapkho" style = "display:none" iconCls="icon-ok"
		onclick="var kq ='nhapkhoss';sear(kq)">Báo cáo nhập kho </a> 		
	<a href="#" class="easyui-linkbutton tkxuatkho" style = "display:none" iconCls="icon-ok"
		onclick="var kq ='xuatkhoss';sear(kq)" >Báo cáo xuất kho </a> 	
	<a href="#"class="easyui-linkbutton" iconCls="icon-cancel"
		onclick="javascript:$('#dlg-order').dialog('close')">Hủy bỏ</a>
		
</div>
<!-- het bao cao -->